<!DOCTYPE html>
<html><!--HTML5 doctype-->
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="Pragma" content="no-cache">
<link href="css/icons.css" rel="stylesheet" type="text/css">
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/af.ui.css" rel="stylesheet" type="text/css">
<link href="css/custom.css" rel="stylesheet" type="text/css">

<script src="intelxdk.js"></script>
<!-- phantom library, needed for XDK api calls -->
<script src="cordova.js"></script>
<!-- phantom library, needed for Cordova api calls -->
<script src="xhr.js"></script>
<!-- phantom library, needed for XDK CORS -->
<script type="text/javascript" language="javascript">
    var onDeviceReady = function () {                 // called when Cordova is ready
      if (window.Cordova && navigator.splashscreen) { // Cordova API detected
        navigator.splashscreen.hide();                // hide splash screen
      }
      setTimeout(function () {
        $.ui.launch();
      }, 50);
    };
    document.addEventListener("deviceready", onDeviceReady, false);
</script>
<script src="js/appframework.ui.min.js_"></script>
<script src="js/jquery.min.js"></script>
<script src="js/af.ui.jquery.min.js"></script>
<script src="js/ap.slidemenu.js"></script>
<script src="js/af.scroller.js"></script>
<script src="js/travel.js"></script>

<script>
    //if (isIntel)
    $.ui.autoLaunch = false;
    $.animateHeaders = false;
	$.ui.useOSThemes = false; 
    //$.ui.blockPageScroll();
    $(document).ready(function () {
		if ($.ui.useOSThemes && (!$.os.ios || $.os.ios7)) $("#afui").removeClass("ios");
        $.ui.removeFooterMenu();
		$.ui.setSideMenuWidth('260px');
      	$.ui.launch();
    });
</script>
<script type="text/javascript">
    $(document).ready(function(){
        travelData();
        setupListUpdate();
    });
</script>
</head>

<body>
<div id="afui" class="ios7">
    <nav id="nav_0" data-appbuilder-object="nav">
        <ul class="list" data-appbuilder-object="list">
            <li><a href="#main"><i class="fa fa-home"></i>Home</a></li>
            <li><a href="#vacation"><i class="fa fa-suitcase"></i>Vacation Package</a></li>
            <li><a href="#hotel"><i class="fa fa-key"></i>Hotel</a></li>
            <li><a href="#cars"><i class="fa fa-car"></i>Cars</a></li>
            <li><a href="#flight"><i class="fa fa-plane"></i>Flight</a></li>
            <li><a href="#ruises"><i class="fa fa-anchor"></i>Cruises</a></li>
            <li><a href="#thingstodo"><i class="fa fa-comment"></i>Things To do</a></li>
            <!-- <li><a href="#deals" class="icon ">Deals</a></li> -->
        </ul>
    </nav>
    <div id="header" class="header"></div>
    <div id="content" style="">
        <div class="panel" title="Main" data-nav="nav_0" id="main" selected="selected"
        style="" data-appbuilder-object="page" data-footer="main_footer">
            <header data-appbuilder-object="header" class="" style="">
                <a id="menubadge" onclick="$.ui.toggleSideMenu()" class="menuButton" style="float:left !important"></a>
                <h1>WINS Travel</h1>
            </header>
            <!-- Show Travel Data -->
            <ul class="list" id="show_travel_data" data-appbuilder-object="list"></ul>
            <div id="infinite"><i class="fa fa-spinner fa-spin fa-2x"></i>
            </div>
        </div>
        <div class="panel" title="Detail" data-nav="nav_0" id="page_detail" data-appbuilder-object="page"
        style="">

        </div>
    </div>
    <div id="navbar" class="footer">
        <footer><a href="#main" class="icon home" style="">Home</a><a href="#about" class="icon info"
            style="">Info</a>
        </footer>
    </div>
    <header id="header_0" data-appbuilder-object="header"></header>

    <footer id="main_footer" data-appbuilder-object="footer"><a href="#main" class="icon home">Home</a><a href="#about" class="icon info">Info</a>
    </footer>
    <footer id="about_footer" data-appbuilder-object="footer"><a href="#main" class="icon home">Home</a><a href="#about" class="icon info">Info</a>
    </footer>
</div>
</body>





</html>